/*
*深圳零一互动科技咨询有限公司
* author :peter.zheng
* qq:283419767
* 2014/09/21
* 
* */

/*;(function() {
// initializes touch and scroll events
        var supportTouch = $.support.touch,
                scrollEvent = "touchmove scroll",
                touchStartEvent = supportTouch ? "touchstart" : "mousedown",
                touchStopEvent = supportTouch ? "touchend" : "mouseup",
                touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
 
 // handles swipeup and swipedown
        $.event.special.swipeupdown = {
            setup: function() {
                var thisObject = this;
                var $this = $(thisObject);
 
                $this.bind(touchStartEvent, function(event) {
                    var data = event.originalEvent.touches ?
                            event.originalEvent.touches[ 0 ] :
                            event,
                            start = {
                                time: (new Date).getTime(),
                                coords: [ data.pageX, data.pageY ],
                                origin: $(event.target)
                            },
                            stop;
 
                    function moveHandler(event) {
                        if (!start) {
                            return;
                        }
 
                        var data = event.originalEvent.touches ?
                                event.originalEvent.touches[ 0 ] :
                                event;
                        stop = {
                            time: (new Date).getTime(),
                            coords: [ data.pageX, data.pageY ]
                        };
 
                        // prevent scrolling
                        if (Math.abs(start.coords[1] - stop.coords[1]) > 10) {
                            event.preventDefault();
                        }
                    }
 
                    $this
                            .bind(touchMoveEvent, moveHandler)
                            .one(touchStopEvent, function(event) {
                        $this.unbind(touchMoveEvent, moveHandler);
                        if (start && stop) {
                            if (stop.time - start.time < 1000 &&
                                    Math.abs(start.coords[1] - stop.coords[1]) > 30 &&
                                    Math.abs(start.coords[0] - stop.coords[0]) < 75) {
                                start.origin
                                        .trigger("swipeupdown")
                                        .trigger(start.coords[1] > stop.coords[1] ? "swipeup" : "swipedown");
                            }
                        }
                        start = stop = undefined;
                    });
                });
            }
        };
 
//Adds the events to the jQuery events special collection
        $.each({
            swipedown: "swipeupdown",
            swipeup: "swipeupdown"
        }, function(event, sourceEvent){
            $.event.special[event] = {
                setup: function(){
                    $(this).bind(sourceEvent, $.noop);
                }
            };
        });
 
    })();
*/


(function() {
    var supportTouch = $.support.touch,
            scrollEvent = "touchmove scroll",
            touchStartEvent = supportTouch ? "touchstart" : "mousedown",
            touchStopEvent = supportTouch ? "touchend" : "mouseup",
            touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
    $.event.special.swipeupdown = {
        setup: function() {
            var thisObject = this;
            var $this = $(thisObject);
            $this.bind(touchStartEvent, function(event) {
                var data = event.originalEvent.touches ?
                        event.originalEvent.touches[ 0 ] :
                        event,
                        start = {
                            time: (new Date).getTime(),
                            coords: [ data.pageX, data.pageY ],
                            origin: $(event.target)
                        },
                        stop;

                function moveHandler(event) {
                    if (!start) {
                        return;
                    }
                    var data = event.originalEvent.touches ?
                            event.originalEvent.touches[ 0 ] :
                            event;
                    stop = {
                        time: (new Date).getTime(),
                        coords: [ data.pageX, data.pageY ]
                    };

                    // prevent scrolling
                    if (Math.abs(start.coords[1] - stop.coords[1]) > 10) {
                        event.preventDefault();
                    }
                }
                $this
                        .bind(touchMoveEvent, moveHandler)
                        .one(touchStopEvent, function(event) {
                    $this.unbind(touchMoveEvent, moveHandler);
                    if (start && stop) {
                        if (stop.time - start.time < 1000 &&
                                Math.abs(start.coords[1] - stop.coords[1]) > 30 &&
                                Math.abs(start.coords[0] - stop.coords[0]) < 75) {
                            start.origin
                                    .trigger("swipeupdown")
                                    .trigger(start.coords[1] > stop.coords[1] ? "swipeup" : "swipedown");
                        }
                    }
                    start = stop = undefined;
                });
            });
        }
    };
    $.each({
        swipedown: "swipeupdown",
        swipeup: "swipeupdown"
    }, function(event, sourceEvent){
        $.event.special[event] = {
            setup: function(){
                $(this).bind(sourceEvent, $.noop);
            }
        };
    });

})();

function preloadimages(arr){

    var newimages=[], loadedimages=0
    var postaction=function(){}  //此处增加了一个postaction函数
    var arr=(typeof arr!="object")? [arr] : arr
    function imageloadpost(){
        loadedimages++
        if (loadedimages==arr.length){
            postaction(newimages) //加载完成用我们调用postaction函数并将newimages数组做为参数传递进去
        }
    }
    for (var i=0; i<arr.length; i++){
        newimages[i]=new Image()
        newimages[i].src=arr[i]
        newimages[i].onload=function(){
            imageloadpost()
        }
        newimages[i].onerror=function(){
            imageloadpost()
        }
    }
    return { //此处返回一个空白对象的done方法
        done:function(f){
            postaction=f || postaction
        }
    }
}
/*-----------------------拖动效果-------------------*/


/*
** 变量值
*/
	/* 
	** 页面切换的效果控制 
	*/
var Msize = $(".m-page").size(), 	//页面的数目
	page_n			= 1,			//初始页面位置
	initP			= null,			//初值控制值
	moveP			= null,			//每次获取到的值
	firstP			= null,			//第一次获取的值
	newM			= null,			//重新加载的浮层
	p_b				= null,			//方向控制值
	indexP			= null, 		//控制首页不能直接找转到最后一页
	move			= null,			//触摸能滑动页面
	start			= true, 		//控制动画开始
	startM			= null,			//开始移动
	position		= null,			//方向值
	DNmove			= false,		//其他操作不让页面切换
	mapS			= null,			//地图变量值
	canmove			= false,		//首页返回最后一页
	
	textNode		= [],			//文本对象
	winHeight       = $(window).height(),
	textInt			= 1;			//文本对象顺序
	testInt=0;
    var hasAnim=false;
	

/* 
** 单页切换 各个元素fixed 控制body高度 
*/
	var v_h	= null;		//记录设备的高度
	
	function init_pageH(){
		var fn_h = function() {
			if(document.compatMode == "BackCompat")
				var Node = document.body;
			else
				var Node = document.documentElement;
			 return Math.max(Node.scrollHeight,Node.clientHeight);
		}
		var page_h = fn_h();
		var m_h = $(".m-page").height();
		page_h >= m_h ? v_h = page_h : v_h = m_h ;
		
		//设置各种模块页面的高度，扩展到整个屏幕高度
		$(".m-page").height(v_h); 	
		$(".p-index").height(v_h);
		
	};
	init_pageH();

	

/*
**模版切换页面的效果
*/
	//绑定事件
	function changeOpen(e){
		$(".m-page").on('mousedown touchstart',page_touchstart);
		$(".m-page").on('mousemove touchmove',page_touchmove);
		$(".m-page").on('mouseup touchend mouseout',page_touchend);

	};
	
	//取消绑定事件
	function changeClose(e){
		$(".m-page").off('mousedown touchstart');
		$(".m-page").off('mousemove touchmove');
		$(".m-page").off('mouseup touchend mouseout');

	};
	
	//开启事件绑定滑动
	changeOpen();
	
	//触摸（鼠标按下）开始函数
	function page_touchstart(e){
		if(hasAnim){
			return false;
		}
		if (e.type == "touchstart") {
			initP = window.event.touches[0].pageY;
		} else {
			initP = e.y || e.pageY;
			mousedown = true;
		}
		firstP = initP;	
	};
	
	//插件获取触摸的值
	function V_start(val){
		initP = val;
		mousedown = true;
		firstP = initP;		
	};
	
	//触摸移动（鼠标移动）开始函数
	function page_touchmove(e){
		if(hasAnim){
			return false;
		}
		e.preventDefault();
		e.stopPropagation();	
       // var imgs = $(".m-img").length;

		//判断是否开始或者在移动中获取值
		if(start||startM){
			startM = true;
			if (e.type == "touchmove") {
				moveP = window.event.touches[0].pageY;
			} else { 
				if(mousedown) moveP = e.y || e.pageY;
			}
			page_n == 1 ? indexP = false : indexP = true ;	//true 为不是第一页 false为第一页
		}
		
		/*$("#J_voice_btn .text").html("becmove"+(testInt++)+"startM is:"+startM+"moveP is:"+moveP);
		$("#J_voice_btn .text2").html("becend"+"start is:"+start+"move is:"+move);
			*/
		
		//设置一个页面开始移动
		
///		if(moveP&&startM&&imgs>1){
		//peeter modify 
		
			if(moveP&&startM){
			//判断方向并让一个页面出现开始移动
			if(!p_b){
				p_b = true;
				position = moveP - initP > 0 ? true : false;	//true 为向下滑动 false 为向上滑动
				if(position){
				//向下移动
					if(indexP){								
						newM = page_n - 1 ;
						$(".m-page").eq(newM-1).addClass("active").css("top",-v_h);
						
						move = true ;
					}else{
						if(canmove){
							move = true;
							newM = Msize;
							$(".m-page").eq(newM-1).addClass("active").css("top",-v_h);
						}
						else move = false;
					}
							
				}else{
				//向上移动
					if(page_n != Msize){
						//if(!indexP) $('.audio_txt').addClass('close');
						newM = page_n + 1 ;
					}else{
						newM = 1 ;
					}
					$(".m-page").eq(newM-1).addClass("active").css("top",v_h);
					move = true ;
				} 
			}
			//根据移动设置页面的值
			if(!DNmove){
				//滑动带动页面滑动
				if(move){	
				
					//移动中设置页面的值（top）
					start = false;
					var topV = parseInt($(".m-page").eq(newM-1).css("top"));
					$(".m-page").eq(newM-1).css({'top':topV+moveP-initP});	
					
				    if(topV+moveP-initP>0){//向上
					   var bn1 = winHeight-(topV+moveP-initP);
					   var bn2 = ((winHeight-bn1/4)/winHeight);
                       $(".m-page").eq(newM-2).attr("style","-webkit-transform:translate(0px,-"+bn1/4+"px) scale("+bn2+")");
				    }else{//向下
					   var bn3 = winHeight+(topV+moveP-initP);
					   var bn4 = ((winHeight-bn3/4)/winHeight);
					   if(Msize!=newM){
                         $(".m-page").eq(newM).attr("style","-webkit-transform:translate(0px,"+bn3/4+"px) scale("+bn4+")");
					   }else{
						 $(".m-page").eq(0).attr("style","-webkit-transform:translate(0px,"+bn3/4+"px) scale("+bn4+")");  	
					   }  
				    }
					initP = moveP;
				}else{
					moveP = null;	
				}
			}else{
				moveP = null;	
			}
		}
	};

	//触摸结束（鼠标起来或者离开元素）开始函数
	function page_touchend(e){	
		if(hasAnim){
			return false;
		}	
		//结束控制页面
		startM =null;
		p_b = false;
		
		//判断移动的方向
		var move_p;	
		position ? move_p = moveP - firstP > 100 : move_p = firstP - moveP > 100 ;
		
		if(move&&moveP){
			//play
			hasAnim=true;
		//if(move){
			//切画页面(移动成功)
			if( move_p && Math.abs(moveP) >5 ){	
				$(".m-page").eq(newM-1).stop().animate({'top':0},300,"easeOutSine",function(){
					/*
					** 切换成功回调的函数
					*/
					success();
					$(".m-page").attr("style","");
					hasAnim=false;
				})
			//返回页面(移动失败)
			}else if (Math.abs(moveP) >=5){	//页面退回去
				position ? $(".m-page").eq(newM-1).stop().animate({'top':-v_h},100,"easeOutSine",function(){hasAnim=false;}) : $(".m-page").eq(newM-1).stop().animate({'top':v_h},100,"easeOutSine",function(){hasAnim=false;});
				$(".m-page").attr("style","");
				$(".m-page").eq(newM-1).removeClass("active");
				start = true;
				/*if(start){
					$("#J_voice_btn .text").html("失败切,start true");
					
				}else{
					$("#J_voice_btn .text").html("失败切,start false");
				}*/
				$(".m-page").attr("style","");
				
			}
		}
		/* 初始化值 */
		initP		= null,			//初值控制值
		moveP		= null,			//每次获取到的值
		firstP		= null,			//第一次获取的值
		mousedown	= null;			//取消鼠标按下的控制值
	};
/*
** 切换成功的函数
*/
	function success(){
		/*
		** 切换成功回调的函数
		*/							
		//设置页面的出现
		$(".m-page").eq(page_n-1).removeClass("show active").addClass("hide");
		$(".m-page").eq(newM-1).removeClass("active hide").addClass("show");
		
		
		//重新设置页面移动的控制值
		page_n = newM;
		start = true;
		
		//判断是不是最后一页，出现提示文字
		if(page_n == Msize) {
			canmove = true;
			$('.icon-arrow1').hide();
		}else{
			$('.icon-arrow1').show();
		}
		
	}




/*
**设备旋转提示
*/
/*	$(function(){
		var bd = $(document.body);
		window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', _orientationchange, false);
		function _orientationchange() {
			scrollTo(0, 1);
			switch(window.orientation){
				case 0:		//横屏
					bd.addClass("landscape").removeClass("portrait");
					init_pageH();					
					break;
				case 180:	//横屏
					bd.addClass("landscape").removeClass("portrait");	
					init_pageH();
					break;
				case -90: 	//竖屏
					init_pageH();
					break;
				case 90: 	//竖屏
					init_pageH();
					bd.addClass("portrait").removeClass("landscape");
					break;
			}
		}
		$(window).on('load',_orientationchange);
	});
*/



/*
** 页面加载初始化
*/
	var input_focus = false;
	function initPage(){
		//初始化一个页面
		$(".m-page").addClass("hide").eq(page_n-1).addClass("show").removeClass("hide");
		//PC端图片点击不产生拖拽
		$(document.body).find("img").on("mousedown",function(e){
			e.preventDefault();
		})	
		//调试图片的尺寸
		if(RegExp("iPhone").test(navigator.userAgent)||RegExp("iPod").test(navigator.userAgent)||RegExp("iPad").test(navigator.userAgent)) $('.m-page').css('height','100%');
	}(initPage());





/*-------------物化效果---------*/
var deg = 3;
var scale = 1;
var winH=$(window).height();
var maskTop = 1080;
var winW=$(window).width();
var animation = {
        wipe:true,
        ben:true,
        bridge:true,
        rain:true,
        shook:false,
        setInt:"",
        setInterOne:"",
        setInterTwo:"",
        setInterThree:"",
        setInter:"",
        x:0,
        y:0,
        i:0,
        maskAnimation:function(x,y,end,time,step,callback){
            // slightMovement.ismove = false;
            clearInterval(animation.setInter);
            var _x = _y = _i = 0;
            animation.setInter = setInterval(function(){
                if(_x >= x){
                    _x=0;
                    _y = _y >= y ? 0 : _y += 1;
                }
                step(_x,_y);
                _x+=1;
                _i++;
                if(_i>=end){
                    clearInterval(animation.setInter);
                   // slightMovement.ismove = true;
                    callback();
                }
            },time);
        }
 }





;(function($,window){
    var detailInfo={
        //玩的page数据
        play:[
            {
                id:1,
                img:"/assets/img/invite/play/dznc.jpg",
                title:'',
                content:'深圳首家购物中心内“都市农场”，位于九方负一楼，面积超过400平米，将为顾客提供生态环保、视觉感受、科学普及等多重创新的体验。'
            },
            {
                id:2,
                img:"/assets/img/invite/play/se.jpg",
                title:'',
                content:' <p>9月27日-12月26日，九方购物中心与广东省航模学会合作，在购物中心1楼举办中国军机小型航模展，让你近距离了解飞机发展史、各代军机模型知识。</p>'
            },
            {
                id:3,
                img:"/assets/img/invite/play/xjcq.jpg",
                title:'',
                content:'星际传奇、反斗乐园是中国最时尚、最高端的游艺娱乐连锁品牌，以欢乐、健康、益智为经营理念，国际最新的游艺机台、老少皆宜的游艺项目等你来体验。'
            },
            {
                id:4,
                img:"/assets/img/invite/play/zygj.jpg",
                title:'',
                content:' <p>中影国际影城位于于龙华九方购物中心3楼，总投资3000多万，占地4000多平米，拥有7个视听效果一流、环境舒适的放映厅，共1200多个豪华座椅。它将成为龙华新区银幕最大、座位数最多、主题最为鲜明的豪华多厅影城。</p>'
            },
            {
                id:5,
                img:"/assets/img/invite/play/etms.jpg",
                title:'',
                content:' <p>九方内的杨梅红私立儿童美术馆，主要定位于展示18岁以下孩子的作品以及成人为孩子们创作的作品。他们的理念，是让艺术家或者专业老师，以孩童的视角，引领和指导孩子们一起创作作品，这样的互动，对孩子未来的成长，将显得意义更为重要。</p>'
            },
            {
                id:6,
                img:"/assets/img/invite/play/wjfd.jpg",
                title:'',
                content:' <p>玩具反斗城是全球最大的玩具及婴幼儿用品零售商，通过整合各类品牌，向消费者提供全方位及一站式的购物体验。</p>'
            },
            {
                id:7,
                img:"/assets/img/invite/play/sd.jpg",
                title:'',
                content:'“覔”书店是友谊书城旗下亲子阅读书店，主要由“图书”、“覔咖啡”、“文化创意产品”及主打亲子悦读的“绘本馆”四部分组成。覔书店努力为广大的读者打造一个舒适的空间，一个让受众觉得阅读是有力量的美好空间，是如此享受的一件事。'
            },
            {
                id:8,
                img:"/assets/img/invite/play/meland.jpg",
                title:'',
                content:' <p>Meland儿童成长乐园首次进驻龙华，将玩具乐园、科普教育、卡通动漫、家庭亲子、运动探险等内容科学融合。致力于10岁以下幼儿的探索启蒙、艺术启智、运动能力、社交能力培养等方面的培养。</p>'
            }
        ],
      food:[
          {
              id:1,
              img:"/assets/img/invite/food/xls.jpg",
              title:'许留山',
              content:' <p>许留山是香港著名的甜品店，是香港人许留山创办于20世纪60年代，开始以清热袪湿的特种龟苓膏及各款凉茶起家。直至90年代，凭独创的芒果西米捞而奠定港式鲜果</p>' +
                  '<p>元朗老铺'+
                '甜品店的专有地位。时至今日发展到有100多间分店，更成为全球观光旅客访港必到的甜品名店。许留山的招牌甜品有：多芒小丸子、金粉捞丸子、鲜什果芒果布甸、芒果捞野、木瓜椰汁雪蛤膏、椰汁雪蛤官燕捞等。</p>'
          },
          {
              id:2,
              img:"/assets/img/invite/food/jt.jpg",
              title:'鑫泰',
              content:' <p>鑫泰泰國料理以經營泰國菜、東南亞風味美食及特色水果飲品為主，招牌菜式包括：泰國酸辣翅、冬蔭功湯、咖喱皇炒蟹、明爐烏魚、泰式無骨鳳爪、 越式大蝦米卷。</p>'+
                        '<p>集色香味形於一體的各式異域美食挑逗您的味蕾，與您共同體驗時尚美味的饕餮盛宴！</p>'
          },
          {
              id:3,
              img:"/assets/img/invite/food/rbt.jpg",
              title:'<img src="/assets/img/invite/food/rbt-logo.jpg" />',
              content:'暂未填写'
          },
          {
              id:4,
              img:"/assets/img/invite/food/ty.jpg",
              title:'探鱼',
              content:' <p>这哪是烤鱼店，这分明就是一家灵魂深处的咖啡馆啊！无论是灯光、摆件，还是楼梯、桌椅，这家店把文艺和怀旧嵌在了骨头缝里，来店里一坐，灯光是迷离的，菜单是卡通的，壁画是涂鸦的，陈设是怀旧的，甚至连餐具都萌萌哒。那肆意蔓延的文艺气息和腔调就让你瞬间感同身受，每个毛孔都开始感受这内在的温柔。</p>'
          },
          {
              id:5,
              img:"/assets/img/invite/food/xbk.jpg",
              title:'<img src="/assets/img/invite/food/xbk-logo.jpg" />',
              content:' <p>暂未填写</p>'
          },
          {
              id:6,
              img:"/assets/img/invite/food/ms.jpg",
              title:'缪氏川菜',
              content:' <p>“缪氏”有独树一帜的明清建筑风格，有独家收藏的明清古董家具，进入缪氏，只见雕梁画栋连绵不绝，象征高贵的大红立柱傲然挺拔，金碧辉煌的琉璃瓦屋脊显出皇宫般的气派，精美的明清木雕艺术珍品遍布每个角落，精致的名家书画衬托出高雅的文化文化气氛。“缪氏”的菜品发源于四川腹地，与川菜的发展一脉相承。</p>'
          },
          {
              id:7,
              img:"/assets/img/invite/food/mbxy.jpg",
              title:'BreadTalk',
              content:' <p>围绕着面向年轻人的定位，BreadTalk从面包房的设计，以及为产品采用新奇好玩的名字等方式，为目标客户打造了一种不一样的顾客体验。></p>'
          },
          {
              id:8,
              img:"/assets/img/invite/food/dx.jpg",
              title:'稻香集团',
              content:' <p>稻香集团由1991年成立至今，已建立了坐拥超过100间食肆的庞大网络，分别在香港及华南地区拥有逾80间及超过20间食肆。这些食肆均位於黄金地段，人流畅旺，吸引了大量生活丰裕的中档市场顾客。</p>'
          },
          {
              id:9,
              img:"/assets/img/invite/food/xyx.jpg",
              title:'<img src="/assets/img/invite/food/xyx-logo.jpg" />',
              content:' <p>尚未填写</p>'
          },{
              id:10,
              img:"/assets/img/invite/food/kfpn.jpg",
              title:'Caffe Bene',
              content:' <p>传统系欧式复合休闲咖啡屋，Caffe Bene是韩国咖啡连锁行业，打造传统系欧式复合休闲咖啡屋，门店风格欧式、自然、精致，以传统正宗比利时列日华夫、经典意式冰淇淋、阿拉比卡中度烘焙咖啡为核心产品，为浮躁压抑的都市“乐享一族”开辟出理想的生活休闲空间。</p>'
          },{
              id:11,
              img:"/assets/img/invite/food/hns.jpg",
              title:'汉拿山',
              content:' <p>汉拿山餐饮管理公司以经营韩式烤肉为主，目前在全国各区域总店数、总营业面积、总营业额、城市分布、品牌知名度和美誉度均居前位。汉拿山集团放眼全国一级城市，现已在天津、上海、深圳、广州等30多个城市开设连锁分店，深受当地消费者喜爱。</p>'
          },
          {
              id:12,
              img:"/assets/img/invite/food/hm.jpg",
              title:'和民',
              content:' <p>居食屋和民把原汁原味的日本“和民”呈现给大家，努力将其打造为具有日式休闲风情餐厅。 “和民”海外推广的基本理念是，通过打造“另一个丰盛、愉悦的家庭餐桌”，让顾客在空间、时间上得到享受。通过营造与日常生活不同的空间，让顾客能够渡过舒畅、别致的时光。 居食屋和民将继续推广超越传统吃喝意义的“居食屋”这一新生态餐厅形式。</p>'
          },
          {
              id:13,
              img:"/assets/img/invite/food/yq.jpg",
              title:'<img src="/assets/img/invite/food/yq-logo.jpg" />',
              content:' <p>暂未填写</p>'
          }
      ],
      flower:[
			{
			    id:1,
			    img:"/assets/img/invite/flower/plane.jpg",
			    title:'',
			    content:'<p>9月27日-10月26日，FE360全景飞行模拟器将带你进入模拟空战游戏空间，体验360度全景全方位的激战氛围，感受模拟飞行作战的刺激。</p>'
			},
			{
			    id:2,
			    img:"/assets/img/invite/flower/j15.jpg",
			    title:'',
			    content:'<p>9月27日-10月26日，1:1歼十五航母舰载机模型将在九方购物中心外广场停机坪闪亮现身，快来跟歼十五拍张合影吧！</p>'
			},
			{
			    id:3,
			    img:"/assets/img/invite/flower/zf.jpg",
			    title:'',
			    content:'<p>9月27日当天，顾客购物满599元可参加抽奖活动，幸运顾客将有机会登上直升机，体验与蓝天零距离接触的极致专属奢华。</p>'
			}
        ],
     sh:[
         {
        	 	id:1,
			    img:"/assets/img/invite/sh/m1.jpg",
			    title:'Mothercare',
			    content:'<p>世界第一母婴用品服饰Mothercare来自简约、典雅的英国，创立于1961年。</p>' 	
         },
         {
     	 	id:2,
			    img:"/assets/img/invite/sh/m2.jpg",
			    title:'<img src="/assets/img/invite/sh/m2-logo.jpg" />',
			    content:'<p>暂未填写</p>' 	
         },
         {
      	 	id:3,
 			    img:"/assets/img/invite/sh/m3.jpg",
 			    title:'SELECTED',
 			    content:'<p>思莱德（SELECTED）男装是为年龄20到45岁之间的时尚男士设计的商务休闲系列男装，这类男士追求品质和品味，是各个行业中的专业精英；同时他们决不刻板守旧，而是乐于接受新鲜事物，尝试时尚的服装，这样的男士善于将每季新款男装和个人收藏融合搭配，形成自己的个人风格。</p>' 	
          },
          {
        	 	id:4,
   			    img:"/assets/img/invite/sh/m4.jpg",
   			    title:'hotwind',
   			    content:'<p>hotwind·热风于1996年始创于时尚之都——上海，至今已发展成为国内知名的集设计、精选和销售于一体，商品涵盖鞋品、服装、包、配饰及部分时尚生活用品的精选时尚零售连锁品牌。\
   			    	热风拥有稳定的追求时尚、热爱生活、注重个人风格、讲究品质、同时看重性价比的核心消费群，并注重为他们持续提供快时尚的产品、乐生活的购物环境、平易近人的价格和优质贴心的服务。</p>' 	
            },
            {
        	 	id:5,
   			    img:"/assets/img/invite/sh/m5.jpg",
   			    title:'TRENDIANO',
   			    content:'<p>时尚品牌TRENDIANO创立于2010年，秉持“时尚改变生活”的理念，结合英文中的TRENDY（潮流），以及意大利文字根的 - ANO（优质），意将欧美优质流行文化提供给亚洲喜爱时尚的潮流人士。TRENDIANO针对亚洲男性打造专属的版型，打破传统男装穿着的设计风格，以前瞻性的国际视野与勇于接受挑战的态度，与都会菁英共同开创极具个性生活的新美学视野，传递出自信、积极进取、享受生活的精神，提供潮流爱好者全方位的时尚品味。</p>' 	
            },
            {
        	 	id:6,
   			    img:"/assets/img/invite/sh/m6.jpg",
   			    title:'<img src="/assets/img/invite/sh/m6-logo.jpg" />',
   			    content:'<p>尚未填写</p>' 	
            },
            {
        	 	id:7,
   			    img:"/assets/img/invite/sh/m7.jpg",
   			    title:'<img src="/assets/img/invite/sh/m7-logo.jpg" />',
   			    content:'<p>尚未填写</p>' 	
            },
            {
        	 	id:8,
   			    img:"/assets/img/invite/sh/m8.jpg",
   			    title:'ONLY',
   			    content:'<p>ONLY是欧洲著名的国际时装公司丹麦BESTSELLER拥有的四个著名品牌之一。ONLY拥有许多设计师，他们遍布巴黎、米兰、伦敦和哥本哈根等主要时尚发源地，这使ONLY 永远站在欧洲流行的最前沿。</p>' 	
            },
            {
        	 	id:9,
   			    img:"/assets/img/invite/sh/m9.jpg",
   			    title:'SPRINGFIELD',
   			    content:'<p>SPRINGFIELD是欧洲快时尚品牌服饰，1988年创建于欧洲西班牙，为年轻人提供高品质的品牌服饰。SPRINGFIELD品类丰富，涉及男装、女装、配饰等一系列产品。SPRINGFIELD品牌的服装和配饰设计时尚、简约、休闲。</p>' 	
            },
            {
        	 	id:10,
   			    img:"/assets/img/invite/sh/m10.jpg",
   			    title:'<img src="/assets/img/invite/sh/m10-logo.jpg" />',
   			    content:'<p>尚未填写</p>' 	
            }
      ]  
    };
    var Invite=function(options){
        this.$detailMask=$("#J_detail_mask");
        this.$del=this.$detailMask.find(".del");
        this.$alinks=$("a[data-role='detailmask']");
        this.$plane=$("#J_plane");
        this.$pages=$(".full-page");
        this.$qdai=$("#J_text_qdai");
        this.$arrow=$(".icon-arrow1");
        this.$voiceBtn=$("#J_voice_btn");
        this.$voice=$("#J_audio_obj");
    };
    Invite.prototype={
        detailAnimOver:function(){
            var self=this;
            self.$detailMask.one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend"),function(){
                $(this).removeClass("out in");
            };
        },
        showDetail:function(){
            var self=this;
            this.$alinks.on("click",function(e){
                var type=$(this).data("type");
                var dataObjArr=detailInfo[type];
                var id=$(this).data("id");
                $.each(dataObjArr,function(index,item){
                    if(item.id===id){
                        self.$detailMask.find(".img-box-a").attr("src",item.img);
                        self.$detailMask.find(".title").html(item.title);
                        self.$detailMask.find(".content").html(item.content);
                        return false;
                    }
                });
                self.$detailMask.removeClass("out").show().addClass("in");
               return false;
            });
        },
        shutDetail:function(){
            var self=this;
            this.$del.on("click",function(e){
                self.$detailMask.removeClass("in").addClass("out").hide();
                return false;
            });
        },
        planeCallback:function(){
            var self=this;
            this.$plane.on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(e){
                $(self.$plane).siblings(".houseword").show().addClass("slideInDown");
                $(self.$plane).siblings(".house").show().addClass("fadeIn");
              /*  window.setTimeout(function(){
                     //animation

                },100);*/
                return false;
            });
            //显示主画面
            $(".houseword").on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(e){
                var $_word=$(this);
                window.setTimeout(function(){
                    //animation
                    $_word.removeClass("slideInDown").addClass("slideOutUp");
                    $(".logop").show().addClass("fadeInUp");
                    $(".arrowp").show().addClass("fadeInDown");
                },1500);
                return false;
            });
        },
        qDai:function(){
            this.$qdai.on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(e){
                window.setTimeout(function(){
                    $(".city-main").fadeOut();
                    $(".city-map").show().addClass("fadeInUp");
                },3000);
                return false;
            });
        },
        runPage:function($_obj){
        	var self=this;
        	var $_beforePage=$_obj;
            var pageid=$_beforePage.data("for");
            var $_now=$(pageid);
            $_beforePage.css({
              "z-index":100
            });
            $_now.css({
                "display":"block",
                "z-index":1000
            }).addClass("in").one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(e){
            	$_beforePage.hide();
            });
            if($_now.attr("id")==="J_page_city"){
                $(".city-main").show();
                self.$pages.off("swipeup");
                self.$arrow.off("click");
                $(".icon-arrow1").hide();
            }
        },
        slidePage:function(){
            var self=this;
            this.$pages.on("swipeup",function(e){
            	var $_before=$(this);
                self.runPage($_before);
                return false;
            });

        },
        arrowEvent:function(){
        	var self=this;
        	this.$arrow.on("click",function(e){
        		var $_beforePage=$(".full-page:visible");
        		self.runPage($_beforePage);
        		return false;
        	});
        },
        voiceControl:function(){
        	var self=this;
        	this.$voiceBtn.on("touchstart",function(e){
        		var url=self.$voice.data("src");
        		if(self.$voice.attr("src")===""){
        			self.$voice.attr("src",url);
        		}
        		var $_icon=$(this).find("i"),$_text=$(this).find(".text");
        		if($_icon.hasClass("icon-shengyin1")){
        			self.$voice[0].play();
        			$_icon.removeClass("icon-shengyin1").addClass("icon-shengyin2");
        			$_text.html("关闭声音");
        		}else{
        			$_icon.removeClass("icon-shengyin2").addClass("icon-shengyin1");
        			self.$voice[0].pause();
        			$_text.html("开启声音");
        		}
        		return false;
        	});
        },
        oEvent:function(){
            this.showDetail();
            this.shutDetail();
            this.detailAnimOver();
            this.planeCallback();
            this.slidePage();
            this.arrowEvent();
            this.qDai();
            this.voiceControl();
        },
        init:function(){
            this.oEvent();
        }
    };
    ;$(function(){
        var invite=new Invite();
        invite.init();
    /*    preloadimages(['/assets/img/invite/Generic.png']).done(function(images){
            animation.maskAnimation(4,5,20,150,function(x,y){
                $(".index-background").css("-webkit-mask-position", (-x*winW)+"px "+(-y*maskTop)+"px");
                scale += 0.005;
                deg -= 0.15;
            },function(){
                //callback
            });
        });*/
    });
})($,window);
